$(function(){
	var common = Common();
	
	//公共部分导入
	$('.nav').html(common.myNav);
	//线上出入金添加
	$('.goldin').html(common.golden);
	$('.foot').html(common.myfoot);
	common.goldControl();
	common.navControl('jyrj');
	common.closeFoot();
	//swiper驱动
	var num = 0;
	var mySwiper = new Swiper ('.swiper-container', {
        	direction: 'vertical',
        	touchMoveStopPropagation : false,
        	mousewheelControl : true, 
		    onSlideChangeEnd: function(swiper){
		    	$('.diaryBtn').removeClass('trans');
		    	process(swiper.activeIndex);
		    	var activePage = $(swiper.slides[swiper.activeIndex]);
	           
	            // 把表示页面里面所有需要做动画的元素的data-属性取出来，赋值给class，那么动画就运行起来了。
	            activePage.find(".animated").each(function(){
	            	
	            	$(this).removeClass('dis');
	            	
	                $(this).addClass($(this).data("animi"));
	                
	            });
	            
	            // 停止其他页面的动画。
	            activePage.siblings().find(".animated").each(function(){
	            	
	            	$(this).addClass('dis');
	            	
	                $(this).removeClass($(this).data("animi"));
	            });
	            
		  	} 
	  });	   
	  	//动画控制类
	  	$(".CusAnimateDom").each(function () {
            var _delay = $(this).attr("data-delay");
            var _duration = $(this).attr("data-duration");
            $(this).css("-webkit-animation-delay", (_delay) + "ms");
            $(this).css("-webkit-animation-duration", (_duration) + "ms");
        });
        //边进程显示控制
        function process(num){
        	if(num>0){
        		$('.guideWrap').css("display","none");
        		$('.fixedTel').css('display','block');
        		$('.fixedWeixin').css('display','block');
        		$('.fixedDownLoad').css('display','block');
        		$('.gobackTop').css('display','block');
        	}else{
        		$('.fixedTel').css('display','none');
        		$('.fixedWeixin').css('display','none');
        		$('.fixedDownLoad').css('display','none');
        		$('.guideWrap').css("display","block");
        		$('.gobackTop').css('display','none');
        	}
        	$(".pointWrap").removeClass("circles");
        	$($(".pointWrap").eq(num)).addClass("circles");
        }
        
        $('.gobackTop').click(function(){
        	mySwiper.slideTo(0);
        })
        //导航控制器
       
//      $(".hotimg").click(function(){
////      	window.location.href = 'https://match./#/';
////      	return;
////      	alert("即将开始，敬请期待!")
//			$(".showtempTextWrap").css("display","block");
//			setTimeout(function(){
//				$(".showtempTextWrap").css("display","none");
//			},1000)
//      })
        $('.nav ul a').hover(function(){
        	$(this).stop().animate({fontSize:'14px'},150)
        	$(this).addClass('NavOverAc');
        },function(){
        	$(this).stop().animate({fontSize:'12px'},150);
        	$(this).removeClass('NavOverAc');
        })
        
        $('.navWidth1').hover(function(){
        	$(this).stop().animate({fontSize:'14px'},150)
        	$(this).addClass('NavOverAc');
        	$(".actual").css("display","block")
        	$(this).addClass("bg_iconAc");
        },function(){
        	$(this).stop().animate({fontSize:'12px'},150);
        	$(this).removeClass('NavOverAc');
        	$(".actual").css("display","none");
        	$(this).removeClass("bg_iconAc");
        })
        
        $('.navWidth2').hover(function(){
        	$(this).stop().animate({fontSize:'14px'},150)
        	$(this).addClass('NavOverAc');
        	$(".deal").css("display","block");
        	$(this).addClass("bg_iconAc");
        },function(){
        	$(this).stop().animate({fontSize:'12px'},150);
        	$(this).removeClass('NavOverAc');
        	$(".deal").css("display","none")
        	$(this).removeClass("bg_iconAc");
        })
        
        $('.navWidth3').hover(function(){
        	$(this).stop().animate({fontSize:'14px'},150)
        	$(this).addClass('NavOverAc');
        	$(".service").css("display","block");
        	$(this).addClass("bg_iconAc");
        },function(){
        	$(this).stop().animate({fontSize:'12px'},150);
        	$(this).removeClass('NavOverAc');
        	$(".service").css("display","none")
        	$(this).removeClass("bg_iconAc");
        })
        
        $('.navCode').hover(function(){
        	$(this).stop().animate({fontSize:'14px'},150)
        	$(this).addClass('navLoadAc');
        	$(".navDownload").css("display","block");
        },function(){
        	$(this).stop().animate({fontSize:'12px'},150);
        	$(this).removeClass('navLoadAc');
        	$(".navDownload").css("display","none")
        })
        
        $('.navlanguage').hover(function(){
        	$(this).stop().animate({fontSize:'14px'},150)
        	$(this).addClass('NavOverAc');
        	$(".languageWrap").css("display","block");
        	$(this).addClass("bg_iconAc");
        },function(){
        	$(this).stop().animate({fontSize:'12px'},150);
        	$(this).removeClass('NavOverAc');
        	$(".languageWrap").css("display","none")
        	$(this).removeClass("bg_iconAc");
        })
        
        $('.weixin').hover(function(){
        	$(this).find('p').css('color','#efcb92');
        	$('.tempWexin').css('display','block');
        	$('.tempWexin img').animate({top:'0'});
        },function(){
        	$(this).find('p').css('color','#fff');
        	var str = -($('.tempWexin').width()+5);
        	$('.tempWexin img').animate({top:str},function(){
        		$('.tempWexin').css('display','none');
        	});
        })
        
//      $('.verBtnsData a').off('click').click(function(){
//      	$('.kuangSc').css('display','none');
//      	$(this).find('.kuangSc').css('display','block');
//      	$('.verBtnImgs').css('display','none');
//      	$('.verBtnImgs').eq($(this).index()).css('display','block')
//      })
        //安全保障按钮操作
        $('.businessBtns').hover(function(){
        	$(this).css('box-shadow','0px 0px 60px #f4ede2');
        },function(){
        	$(this).css('box-shadow','0px 0px 0px #f4ede2');
        })
         //下载按钮操作
        $('.iphones').hover(function(){
        	$(this).addClass("iphones_ac");
        },function(){
			$(this).removeClass("iphones_ac");
        })
        
        $('.andids').hover(function(){
        	$(this).addClass('androidsZhuan_ac');
        },function(){
        	$(this).removeClass('androidsZhuan_ac');
        })
        
        $('.iponeT').hover(function(){
        	$('.iponeT').addClass('iphones_ac1');
        },function(){
        	$('.iponeT').removeClass('iphones_ac1');
        })
        
        
        
        $('.yishengload').hover(function(){
        	$('.yishengload').addClass('windowss_yisheng');
        },function(){
        	$('.yishengload').removeClass('windowss_yisheng');
        })
        
        $('.androids').hover(function(){
        	$(this).find('.androidsMake').css('display','block');
        },function(){
        	$(this).find('.androidsMake').css('display','none');
        })
          //边侧栏控制器
		$('.fixedTel').hover(function(){
			$(this).addClass('fixedTelAc');
			$('.fixedTelTemp').css('display','block');
			$('.fixedTelTemp').animate({width:'146px'});
		},function(){
			$(this).removeClass('fixedTelAc');
			$('.fixedTelTemp').animate({width:'0px'},function(){
				$('.fixedTelTemp').css('display','none');
			});
		})

		$('.fixedWeixin').hover(function(){
			$(this).addClass('fixedWeixinOver');
			$('.fixedWeixinTemp').css('display','block');
			$('.fixedWeixinTemp').animate({width:'170px'});
		},function(){
			$(this).removeClass('fixedWeixinOver');
			$('.fixedWeixinTemp').animate({width:'0px'},function(){
				$('.fixedWeixinTemp').css('display','none');
			});
			
		})
		
		$('.fixedDownLoad').hover(function(){
			$(this).addClass('fixedDownLoadOver');
			$('.downLoadTemp').css('display','block');
			$('.downLoadTemp').animate({width:'170px'});
		},function(){
			$(this).removeClass('fixedDownLoadOver');
			$('.downLoadTemp').animate({width:'0px'},function(){
				$('.downLoadTemp').css('display','none');
			});
		})
		
		$('.gobackTop').hover(function(){
			$(this).addClass('gobackTopOver');
		},function(){
			$(this).removeClass('gobackTopOver');
		})
		
		$('.gobackNext').hover(function(){
			$(this).addClass('gobackNextOver');
		},function(){
			$(this).removeClass('gobackNextOver');
		})
		
		$('.gobackNext').click(function(){
			mySwiper.slideTo(mySwiper.activeIndex+1);
			process(mySwiper.activeIndex);
		})
		
		$('.gobackBacks').hover(function(){
			$(this).addClass('gobackBacksOver');
		},function(){
			$(this).removeClass('gobackBacksOver');
		})
		
		$('.gobackBacks').click(function(){
			mySwiper.slideTo(mySwiper.activeIndex-1);
			process(mySwiper.activeIndex);
		})
		//页脚弹窗
		$('.weixinkefu').hover(function(){
			$('.showWeixin').css('display','none');
			$('.showAcWeiXin').css('display','block');
		},function(){
			$('.showWeixin').css('display','block');
			$('.showAcWeiXin').css('display','none');
		})
		
		$('.weixinkefu').click(function(){
			$('.footWeiTemp').css('display','block');
		})
		
		$('.closeTemps').click(function(){
			$('.footWeiTemp').css('display','none');
		})
		init();
        function init(){
        	$('.initStep img').css("display","none");
        	$('.initStep .btnShow').css("display","block");
        }
		
		//按钮操作
        $(".stepBtn").off("click");
        $(".stepBtn").click(function(){
        	$(".stepNum").removeClass("shadow");
        	$(".picExplain").css("display","none");
        	$(".stepBtn img").css("display","block")
        	$('.btnShow').css("display","none");
        	$(this).children('img').css("display","none");
        	$(this).find('.btnShow').css('display','block');
        	var num = $(this).index();
        	switch(num){
				case 0:
					$(".step1").addClass("shadow");
					$(".picShow0").css("display","block");
				  break;
				case 1:
					$(".step2").addClass("shadow");
					$(".picShow1").css("display","block");
				  break;
				case 2:
					$(".step3").addClass("shadow");
					$(".picShow2").css("display","block");
				  break;
				case 3:
					$(".step4").addClass("shadow");
					$(".picShow3").css("display","block");
				  break;
				case 4:
					$(".step5").addClass("shadow");
					$(".picShow4").css("display","block");
				  break;
				case 5:
					$(".step6").addClass("shadow");
					$(".picShow5").css("display","block");
				  break;  
			}
        })
        
        //版本按钮切换
        $('.varBtnSt1').off('click').click(function(){
        	$('.varBtnSt1').removeClass('varBtnStAc1');
        	$('.varBtnSt2').removeClass('varBtnStAc2');
        	$(this).addClass('varBtnStAc1');
        	$('.verBtnsData').css('display','block');
        	$('.verBtnsData1').css('display','none');
        	
        	$('.verBtnImgs').css('display','none');
    		$('.verBtnImgs1').css('display','none');
    		$('.kuangSc').css('display','none');
    		$('.verBtnImgs').eq(0).css('display','block');
    		$('.kuangSc').eq(0).css('display','block');
        })
        //版本按钮切换
        $('.varBtnSt2').off('click').click(function(){
        	$('.varBtnSt1').removeClass('varBtnStAc1');
        	$('.varBtnSt2').removeClass('varBtnStAc2');
        	$(this).addClass('varBtnStAc2')
        	$('.verBtnsData').css('display','none');
        	$('.verBtnsData1').css('display','block');
        	
        	$('.verBtnImgs1').css('display','none');
        	$('.verBtnImgs').css('display','none');
        	$('.kuangSc1').css('display','none');
        	$('.verBtnImgs1').eq(0).css('display','block');
        	$('.kuangSc1').eq(0).css('display','block');
        })
        //
        $('.verBtnsData a').off('click').click(function(){
        	$('.kuangSc').css('display','none');
        	$(this).find('.kuangSc').css('display','block');
        	$('.verBtnImgs').css('display','none');
        	$('.verBtnImgs').eq($(this).index()).css('display','block')
        })
         $('.verBtnsData1 a').off('click').click(function(){
        	$('.kuangSc1').css('display','none');
        	$(this).find('.kuangSc1').css('display','block');
        	$('.verBtnImgs1').css('display','none');
        	$('.verBtnImgs1').eq($(this).index()).css('display','block')
        })
         
        $('.quickQun a').hover(function(){
        	$(this).find('.quickTemp').animate({bottom:'0'});
        },function(){
        	$(this).find('.quickTemp').animate({bottom:'-90px'});
        })
        
        $(".sttwind").hover(function(){
        	$(this).addClass("sttwindAc");
        },function(){
        	$(this).removeClass("sttwindAc");
        })
        
        $(".sttios").hover(function(){
        	$(this).addClass("sttiosAc");
        },function(){
        	$(this).removeClass("sttiosAc");
        })
        
        $(".sttand").hover(function(){
        	$(this).addClass("sttandAc");
        },function(){
        	$(this).removeClass("sttandAc");
        })
})
